@charset "utf-8";
/* banner */
.banner{position: relative;height: 100vh;overflow: hidden;}
.banner .swiper-slide .pic{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.banner .swiper-pagination{z-index: 1;left: auto;right: 50%;bottom: 80px;width: auto;margin-right: -720px;font-size: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 40px;height: 5px;margin: 0 0 0 20px;background-color: #fff;border-radius: 0;opacity: 1;box-shadow: 0 0 4px rgba(0,0,0,.4);transition: 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #D7030F;}
.banner .btn{z-index: 1;position: absolute;top: 50%;width: 60px;height: 60px;margin-top: -30px;border: 2px solid #fff;border-radius: 50%;cursor: pointer;transition: 0.3s;filter: drop-shadow(2px 2px 4px rgba(0,0,0,.3));}
.banner .btn:after{content: '';position: absolute;left: 50%;top: 50%;width: 20%;height: 20%;border-top: 2px solid #fff;}
.banner .prev-btn{left: 0;transform: translateX(-100%);}
.banner .prev-btn:after{border-left: 2px solid #fff;transform: translate(-30%,-50%) rotate(-45deg);}
.banner .next-btn{right: 0;transform: translateX(100%);}
.banner .next-btn:after{border-right: 2px solid #fff;transform: translate(-70%,-50%) rotate(45deg);}
.banner .btn:hover{background-color: #D7030F;border-color: #D7030F;}
.banner:hover .prev-btn{transform: translateX(20%);}
.banner:hover .next-btn{transform: translateX(-20%);}

.bannerWrap{position: relative;margin-bottom: 99px;margin-bottom: 0 !important;}
.bannerWrap ul{position: absolute;left: 50%;bottom: -41px;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);z-index: 2;display: flex;justify-content:space-between;height: auto;display: none;}
.bannerWrap ul li{width: 31.7%;position: relative;background: #FFFFFF;box-shadow: 0 4px 24px rgba(171,171,171,0.5);}
.bannerWrap ul li:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #DB030F;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform: scale(0,1);transform: scale(0,1);}
.bannerWrap ul li a{display: flex;box-sizing: border-box;width: 100%;padding: 0 35px 0 30px;height: 82px;line-height: 82px;font-size: 18px;color: #000000;justify-content: space-between;align-items: center;position: relative;z-index: 2;}
.bannerWrap ul li a img{flex-shrink: 0;margin-right: 45px;}
.bannerWrap ul li a h5{flex: 1;}
.bannerWrap ul li a i{width: 9px;height: 9px;border-left: 1px solid #000000;border-bottom: 1px solid #000000;-webkit-transform: rotateZ(-135deg);transform: rotateZ(-135deg);}
.bannerWrap ul li:hover:before{-webkit-transform: scale(1,1);transform: scale(1,1);}
.bannerWrap ul li:hover a{color: #fff;}
.bannerWrap ul li:hover a i{border-color: #fff;}
.bannerWrap ul li:hover a img{filter: brightness(0) invert(1);}

/******首页******/
.index-container{min-height: 500px;overflow: hidden;}
/*标题*/
.index-title{margin-bottom: 70px;}
.index-title .en{font-size: 60px;line-height: 50px;text-transform: uppercase;text-shadow: -1px 0 1px #333,1px 0 1px #333,0 -1px 1px #333,0 1px 1px #333;opacity: .05;}
.index-title .cn{font-size: 30px;line-height: 30px;margin-top: -30px;}
/*布局*/
.index-container .part1{padding: 50px 0 65px;background: url(../images/index_part_bg1.jpg) center no-repeat;background-size: cover;}
.index-container .part2{padding: 60px 0 110px;background: url(../images/index_part_bg2.jpg) center no-repeat;background-size: cover;}
.index-container .part2 .w1440{overflow: hidden;}
.index-container .part2 .w1440 > .con-l{float: left;width: 73.5%;}
.index-container .part2 .w1440 > .con-r{float: right;width: 25%;}
.index-container .part2 .w1440 > .con-r > .content{box-sizing: border-box;height: 214px;padding: 20px;background-color: #fff;}
.index-container .part3{position: relative;padding: 80px 0 60px;}
.index-container .part3:before{content: '';position: absolute;left: 0;right: 0;top: 0;height: 80%;background: url(../images/index_part_bg3.jpg) center top no-repeat;background-size: cover;}

/*主营业务轮播*/
.main-business-swiper{overflow: hidden;}
.main-business-swiper .swiper-slide .content{position: relative;display: block;cursor: pointer;transform: scale(.85);transform-origin: center bottom;transition: 1s ease-out;}
.main-business-swiper .swiper-slide .content:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.5);opacity: 0;transition: 1s linear;}
.main-business-swiper .swiper-slide .pic{position: relative;overflow: hidden;transition: 0.8s ease-out;}
.main-business-swiper .swiper-slide .pic:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5));}
.main-business-swiper .swiper-slide .pic em{display: block;padding-top: 60%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.main-business-swiper .swiper-slide .title{z-index: 1;position: absolute;left: 0;right: 0;bottom: 10%;padding: 0 8%;font-size: 20px;color: #fff;}
.main-business-swiper .swiper-slide .title:after{content: "";position: absolute;right: 8%;top: 50%;width: 10px;height: 10px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(0,-50%) rotate(45deg);}
.main-business-swiper .swiper-slide .info{visibility: hidden;z-index: 1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-sizing: border-box;padding: 10% 15% 0 25%;color: #fff;transform: translateY(calc(100% - 55px));}
.main-business-swiper .swiper-slide .info .tit{margin-bottom: 30px;font-size: 20px;line-height: 30px;}
.main-business-swiper .swiper-slide .info .txt{max-height: 120px;font-size: 15px;line-height: 30px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.main-business-swiper .swiper-slide .info .more{position: relative;display: inline-block;vertical-align: top;box-sizing: border-box;width: 170px;height: 50px;margin-top: 35px;border: 1px solid #D7030F;border-radius: 27px;padding: 0 1.5em;font-size: 16px;line-height: 48px;color: #D7030F;}
.main-business-swiper .swiper-slide .info .more .arrow{position: absolute;right: 1.5em;top: 50%;width: 16px;height: 16px;margin-top: -8px;}
.main-business-swiper .swiper-slide .info .more .arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 60%;height: 60%;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.main-business-swiper .swiper-slide-active .content{transform: scale(1);}
.main-business-swiper .swiper-slide-active .content:after{opacity: 1;}
.main-business-swiper .swiper-slide-active .title{opacity: 0;}
.main-business-swiper .swiper-slide-active .pic:after{display: none;}
.main-business-swiper .swiper-slide-active .info{visibility: visible;transform: translateY(0);transition: 0.5s ease 1s;}
.main-business-swiper .swiper-slide-next .content{transform: scale(.85) translateX(35px);}

/*新闻中心*/
.news-center-box{overflow: hidden;height: 414px;}
.news-center-box > .con-l{float: left;width: 54%;height: 100%;background-color: #fff;}
.news-center-box > .con-r{float: right;box-sizing: border-box;width: 46%;height: 100%;padding: 0 20px;background-color: #fff;}

/*主要新闻轮播*/
.main-news-swiper{position: relative;overflow: hidden;}
.main-news-swiper .swiper-slide a{position: relative;display: block;}
.main-news-swiper .swiper-slide .pic{position: relative;height: 414px;overflow: hidden;}
.main-news-swiper .swiper-slide .pic:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 50%;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5));}
.main-news-swiper .swiper-slide .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 0.8s;}
.main-news-swiper .swiper-slide .tit{position: absolute;left: 0;right: 0;bottom: 20px;box-sizing: border-box;padding: 0 180px 0 30px;font-size: 18px;line-height: 30px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.main-news-swiper .swiper-slide:hover .pic em{transform: scale(1.05);}
.main-news-swiper .swiper-pagination{z-index: 1;left: auto;right: 30px;bottom: 35px;width: auto;font-size: 0;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 0 0 5px;background-color: #fff;border-radius: 50%;opacity: .5;transition: 0.5s;}
.main-news-swiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}

/*新闻选项卡*/
.news-tab-box{position: relative;}
.news-tab-box:before{content: '';position: absolute;left: 0;right: 0;top: 70px;height: 1px;background-color: #eee;}
.news-tab-box .tabs{z-index: 2;position: absolute;left: 0;right: 100px;top: 0;background-color: #fff;}
.news-tab-box .tabs .item{position: relative;display: inline-block;vertical-align: top;margin-left: 30px;font-size: 18px;line-height: 70px;cursor: pointer;transition: 0.3s;}
.news-tab-box .tabs .item:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background-color: #D7030F;transform: scaleX(0);transform-origin: left;transition: 0.8s;}
.news-tab-box .tabs .item:first-child{margin-left: 0;}
.news-tab-box .tabs .item.on{color: #D7030F;}
.news-tab-box .tabs .item.on:after{transform: scaleX(1);}
.news-tab-box .tab-content{overflow: hidden;}
.news-tab-box .tab-content .swiper-slide{padding-top: 100px;}
.news-tab-box .tab-content .swiper-slide .more{z-index: 1;position: absolute;right: 0;top: 25px;padding-right: 20px;font-size: 15px;line-height: 20px;color: #999;transition: 0.3s;}
.news-tab-box .tab-content .swiper-slide .more:after{content: "";position: absolute;right: 0;top: 50%;width: 8px;height: 8px;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.news-tab-box .tab-content .swiper-slide .more:hover{color: #D7030F;}

/*新闻列表*/
.news-list{}
.news-list li{margin-top: 30px;}
.news-list li:first-child{margin-top: 0;}
.news-list li a{position: relative;display: block;padding-left: 20px;}
.news-list li a:before{content: '';position: absolute;left: 0;top: 4px;box-sizing: border-box;width: 12px;height: 12px;border: 1px solid #c6c6c6;border-radius: 50%;}
.news-list li .tit{padding-right: 100px;font-size: 16px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.5s;}
.news-list li .txt{height: 48px;margin-top: 10px;line-height: 24px;text-align: justify;color: #a1a1a1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list li .date{position: absolute;right: 0;top: 0;line-height: 20px;color: #d6d6d6;}
.news-list li:hover .tit{text-indent: .5em;color: #D7030F;}
.news-list.style2 li .tit{padding-right: 0;}

/*党建图片轮播*/
.party-pic-swiper{position: relative;overflow: hidden;}
.party-pic-swiper .swiper-slide a{display: block;}
.party-pic-swiper .swiper-slide .pic{position: relative;height: 200px;background-color: #eee;overflow: hidden;}
.party-pic-swiper .swiper-slide .pic:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 25%;background-image: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.5));}
.party-pic-swiper .swiper-slide .pic em{display: block;height: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;transition: 0.8s;}
.party-pic-swiper .swiper-pagination{z-index: 1;left: auto;right: 20px;bottom: 20px;width: auto;font-size: 0;}
.party-pic-swiper .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 0 0 5px;background-color: #fff;border-radius: 50%;opacity: .5;transition: 0.5s;}
.party-pic-swiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}

/*数据展示*/
.data-show-box{margin: 0 10%;font-size: 0;text-align: center;}
.data-show-box .item{position: relative;display: inline-block;vertical-align: top;box-sizing: border-box;width: 25%;font-size: 16px;color: #fff;}
.data-show-box .item:before{content: '';position: absolute;left: 0;top: 5px;bottom: 5px;width: 1px;background-color: rgba(255,255,255,.5);}
.data-show-box .item:first-child:before{display: none;}
.data-show-box .item .num{font-size: 60px;line-height: 50px;font-weight: bold;}
.data-show-box .item .txt{margin-top: 15px;line-height: 20px;}

/*关于我们*/
.about-us-box{position: relative;margin-top: 70px;}
.about-us-box > .con-l{margin-right: 50%;}
.about-us-box > .con-r{position: absolute;right: 0;top: 0;bottom: 0;width: 50%;}
.about-us-box .brief{padding: 50px 70px 65px;background: url(../images/about_us_bg.jpg) center no-repeat;background-size: cover;}
.about-us-box .brief .index-title{margin-bottom: 30px;}
.about-us-box .brief .txt{max-height: 120px;font-size: 16px;line-height: 30px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.about-us-box .brief .more{position: relative;display: inline-block;vertical-align: top;box-sizing: border-box;width: 170px;height: 50px;margin-top: 50px;border: 1px solid #D7030F;border-radius: 27px;padding: 0 1.5em;font-size: 16px;line-height: 48px;color: #D7030F;}
.about-us-box .brief .more .arrow{position: absolute;right: 1.5em;top: 50%;width: 16px;height: 16px;margin-top: -8px;}
.about-us-box .brief .more .arrow:after{content: "";position: absolute;left: 50%;top: 50%;width: 60%;height: 60%;border-top: 1px solid currentColor;border-right: 1px solid currentColor;transform: translate(-50%,-50%) rotate(45deg);}
.about-us-box .pic{height: 100%;overflow: hidden;}
.about-us-box .pic em{display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;transition: 1s;}
.about-us-box .pic:hover em{transform: scale(1.05);}

.popup-qrcode-wrap{display: none;}


@media screen and (max-width: 1480px){
	.bannerWrap ul li a{padding: 0 20px;}
	.bannerWrap ul li a img{margin-right: 24px;height: 48px;}
}

/*中屏PC:<=1440px(针对1366*650)*/
@media screen and (max-width: 1440px){
	/* banner */
	.banner .swiper-pagination{right: 10%;bottom: 40px;margin-right: 0;}
	
	/*主营业务轮播*/
	.main-business-swiper .swiper-slide .info{padding: 8% 10%;}
	.main-business-swiper .swiper-slide .info .tit{margin-bottom: 20px;font-size: 18px;}
	.main-business-swiper .swiper-slide .info .txt{font-size: 14px;}
	.main-business-swiper .swiper-slide .info .more{width: 140px;height: 40px;margin-top: 20px;font-size: 14px;line-height: 38px;}
	.main-business-swiper .swiper-slide .info .more .arrow{width: 12px;height: 12px;margin-top: -6px;}
	.main-business-swiper .swiper-slide-next .content{transform: scale(.85) translateX(25px);}
}

/*小屏PC:>=1025px && <=1280px*/
@media screen and (max-width: 1280px){
	
}

/*pad横屏:1024px*/
@media screen and (max-width: 1024px){
	/*主营业务轮播*/
	.main-business-swiper .swiper-slide .info .tit{margin-bottom: 10px;font-size: 16px;}
	.main-business-swiper .swiper-slide .info .txt{height: 75px;font-size: 13px;line-height: 25px;-webkit-line-clamp: 3;}
	.main-business-swiper .swiper-slide .info .more{width: 120px;height: 36px;margin-top: 15px;font-size: 13px;line-height: 34px;}
	.main-business-swiper .swiper-slide-next .content{transform: scale(.85) translateX(18px);}
	
	.bannerWrap{margin-bottom: 30px;}
	.bannerWrap ul{position: relative;left: 0;-webkit-transform:translateX(0); -moz-transform: translateX(0); -ms-transform:translateX(0); transform:translateX(0);flex-wrap: wrap;bottom: 0;margin-top: 30px;}
	.bannerWrap ul li{width: 100%;margin-bottom: 20px;}
	.bannerWrap ul li:last-child{margin-bottom: 0;}
}

/*phone:<=768px*/
@media screen and (max-width: 768px){
	/* banner */
	.banner{height: auto;padding-top: 60px;}
	.banner .swiper-slide .pic{height: auto;padding-top: 55%;}
	.banner .swiper-pagination{bottom: 15px;}
	.banner .swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;margin: 0 5px;}
	.bannerWrap ul li{margin-bottom: 12px;}
	.bannerWrap ul li a{font-size: 16px;line-height: 66px;height: 66px;}
	.bannerWrap ul li a img{margin-right: 14px;height: 42px;}
	/******首页******/
	.index-container{min-height: 300px;}
	/*标题*/
	.index-title{margin-bottom: 20px;}
	.index-title .en{font-size: 24px;line-height: 30px;text-shadow: none;}
	.index-title .cn{font-size: 20px;line-height: 20px;margin-top: -15px;}
	/*布局*/
	.index-container .part1{padding: 20px 0;}
	.index-container .part2{padding: 20px 0;background: #fff;}
	.index-container .part2 .w1440 > .con-l{float: none;width: 100%;}
	.index-container .part2 .w1440 > .con-r{float: none;width: 100%;}
	.index-container .part2 .w1440 > .con-r > .content{height: auto;padding: 20px 5px 10px;}
	.index-container .part3{padding: 20px 0;}
	
	/*主营业务轮播*/
	.main-business-swiper .swiper-slide .title{font-size: 18px;}
	.main-business-swiper .swiper-slide .info{padding: 6% 8%;}
	.main-business-swiper .swiper-slide .info .tit{font-size: 15px;line-height: 20px;}
	.main-business-swiper .swiper-slide .info .more{width: 100px;height: 30px;margin-top: 10px;font-size: 12px;line-height: 28px;}
	.main-business-swiper .swiper-slide-next .content{transform: scale(.85) translateX(0);}
	
	/*新闻中心*/
	.news-center-box{height: auto;}
	.news-center-box > .con-l{float: none;width: 100%;}
	.news-center-box > .con-r{float: none;width: 100%;padding: 0;margin-top: 10px;}
	
	/*主要新闻轮播*/
	.main-news-swiper .swiper-slide .pic{height: auto;}
	.main-news-swiper .swiper-slide .pic em{height: auto;padding-top: 70%;}
	.main-news-swiper .swiper-slide .tit{bottom: 0;padding: 10px 80px 10px 10px;font-size: 15px;line-height: 24px;}
	.main-news-swiper .swiper-pagination{right: 10px;bottom: 15px;}
	.main-news-swiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
	
	/*新闻选项卡*/
	.news-tab-box:before{top: 50px;}
	.news-tab-box .tabs{right: 80px;}
	.news-tab-box .tabs .item{margin-left: 20px;font-size: 16px;line-height: 50px;}
	.news-tab-box .tab-content .swiper-slide{box-sizing: border-box;padding: 70px 10px 15px 0;}
	.news-tab-box .tab-content .swiper-slide .more{top: 15px;padding-right: 15px;font-size: 13px;}
	.news-tab-box .tab-content .swiper-slide .more:after{width: 7px;height: 7px;}
	
	/*新闻列表*/
	.news-list li{margin-top: 20px;}
	.news-list li .tit{padding-right: 75px;font-size: 15px;}
	.news-list li .txt{height: 44px;margin-top: 6px;font-size: 13px;line-height: 22px;}
	.news-list li .date{font-size: 13px;}
	
	/*党建图片轮播*/
	.party-pic-swiper .swiper-slide .pic{height: auto;}
	.party-pic-swiper .swiper-slide .pic em{height: auto;padding-top: 55%;}
	.party-pic-swiper .swiper-pagination{right: 10px;bottom: 15px;}
	.party-pic-swiper .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;}
	
	/*数据展示*/
	.data-show-box{margin: 0;}
	.data-show-box .item{width: 50%;margin-bottom: 20px;font-size: 13px;}
	.data-show-box .item:before{display: none;}
	.data-show-box .item .num{font-size: 40px;line-height: 40px;}
	.data-show-box .item .txt{margin-top: 5px;}
	
	/*关于我们*/
	.about-us-box{padding-top: 200px;margin-top: 0;}
	.about-us-box > .con-l{margin-right: 0;}
	.about-us-box > .con-r{position: absolute;right: 0;top: 0;bottom: 50%;width: 100%;height: 200px;}
	.about-us-box .brief{padding: 15px 20px 20px;}
	.about-us-box .brief .index-title{margin-bottom: 20px;}
	.about-us-box .brief .txt{max-height: 100px;font-size: 14px;line-height: 25px;}
	.about-us-box .brief .more{width: 100px;height: 30px;margin-top: 20px;font-size: 12px;line-height: 28px;}
	.about-us-box .brief .more .arrow{width: 12px;height: 12px;margin-top: -6px;}
}